
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">32263</td>
		    	<td class="value error-col-3 total ko">59.933 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">i.n.c.ConnectTimeoutException: connection timed out: localhost/127.0.0.1:9999<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">9781</td>
		    	<td class="value error-col-3 total ko">18.169 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">Request timeout to localhost/127.0.0.1:9999 after 60000 ms<span class="value" style="display:none">2</span></td>
		    	<td class="value error-col-2 total ko">8058</td>
		    	<td class="value error-col-3 total ko">14.969 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">3</span></td>
		    	<td class="value error-col-2 total ko">3597</td>
		    	<td class="value error-col-3 total ko">6.682 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 500<span class="value" style="display:none">4</span></td>
		    	<td class="value error-col-2 total ko">101</td>
		    	<td class="value error-col-3 total ko">0.188 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 504<span class="value" style="display:none">5</span></td>
		    	<td class="value error-col-2 total ko">32</td>
		    	<td class="value error-col-3 total ko">0.059 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['300', '901', '1502', '2103', '2704', '3305', '3906', '4506', '5107', '5708', '6309', '6910', '7511', '8112', '8712', '9313', '9914', '10515', '11116', '11717', '12318', '12918', '13519', '14120', '14721', '15322', '15923', '16524', '17125', '17725', '18326', '18927', '19528', '20129', '20730', '21331', '21931', '22532', '23133', '23734', '24335', '24936', '25537', '26137', '26738', '27339', '27940', '28541', '29142', '29743', '30343', '30944', '31545', '32146', '32747', '33348', '33949', '34549', '35150', '35751', '36352', '36953', '37554', '38155', '38755', '39356', '39957', '40558', '41159', '41760', '42361', '42961', '43562', '44163', '44764', '45365', '45966', '46567', '47168', '47768', '48369', '48970', '49571', '50172', '50773', '51374', '51974', '52575', '53176', '53777', '54378', '54979', '55580', '56180', '56781', '57382', '57983', '58584', '59185', '59786'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.06,0.02,0.01,0.01,0.01,0.01,0.01,0.0,0.01,0.01,0.01,0.0,0.0,0.0,0.01,0.01,0.01,0.01,0.0,0.0,0.0,0.01,0.01,0.01,0.01,0.01,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.01,0.01,0.01,0.0,0.0,0.01,0.01,0.01,0.01,0.0,0.01,0.01,0.01,0.01,0.01,0.01,0.01,0.01,0.01,0.01,0.02,0.02,0.02,0.02,0.02,0.01,0.01,0.02,0.02,0.02,0.01,0.03,0.02,0.01,0.02,0.0,0.02,0.01,0.01,0.01,0.01,0.02,0.02,0.03,0.02,0.02,0.01,0.01,0.03,0.02,0.03,0.03,0.03,0.02,0.02
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  13.6,0.04,0.22,0.54,0.48,0.55,0.53,0.42,0.13,0.15,0.38,0.64,0.6,0.83,1.31,2.2,21.09,1.88,3.44,2.88,3.51,2.86,2.37,1.87,2.73,3.14,2.3,2.2,2.26,1.86,1.19,1.42,0.89,0.49,0.85,0.45,0.3,0.17,0.05,0.15,0.2,0.11,0.0,0.0,0.0,0.0,0.0,0.01,0.01,0.0,0.0,0.02,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,14.8
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692810724,[9426,9435,9444,9453,9454,9456,9458,9460,9461,9462]],[1692810725,[8703,8881,9060,9239,9275,9310,9346,9382,9410,9418]],[1692810726,[8585,8893,9202,9510,9572,9633,9695,9757,9806,9819]],[1692810727,[7789,7837,7886,7934,7944,7953,7963,7973,7981,7983]],[1692810728,[8292,8292,8292,8292,8292,8292,8292,8292,8292,8292]],[1692810729,[6979,7304,7629,7954,8019,8084,8149,8214,8266,8280]],[1692810730,[7202,7624,8047,8469,8554,8638,8723,8807,8875,8892]],[1692810731,[6590,6617,6645,6673,6678,6684,6689,6695,6699,6701]],[1692810732,[8288,8314,8340,8366,8371,8376,8381,8386,8390,8392]],[1692810733,[5703,6125,6548,6971,7055,7140,7224,7309,7377,7394]],[1692810734,[5907,6658,7410,7491,7507,7524,7540,7556,7569,7573]],[1692810735,[6660,7167,8222,8718,8861,8980,9049,9118,9174,9188]],[1692810736,[7038,7473,8475,9495,9551,9607,9843,10110,10323,10377]],[1692810737,[7161,7239,7708,10303,10306,10309,10312,10315,10317,10318]],[1692810738,[7422,8809,10197,10268,10282,10296,10310,10324,10336,10339]],[1692810739,[7571,7623,7777,8844,9403,9961,10520,11079,11526,11638]],[1692810740,[7428,7481,7658,11335,11471,11673,11878,12093,12265,12308]],[1692810741,[7233,7293,7867,12012,12123,12235,12347,12459,12548,12571]],[1692810742,[7686,8922,10159,11396,11643,11890,12138,12385,12583,12633]],[1692810743,[7404,7425,7493,8833,9601,10368,11135,11902,12516,12670]],[1692810744,[7447,7644,7817,12975,13114,13220,13262,13303,13336,13345]],[1692810745,[7303,7662,7922,9497,10358,11219,12080,12941,13630,13803]],[1692810746,[7446,12303,14146,14520,14610,14700,14790,14880,14952,14971]],[1692810747,[15284,15284,15284,15284,15284,15284,15284,15284,15284,15284]],[1692810748,[7473,7608,11834,16028,16066,16110,16155,16200,16236,16245]],[1692810749,[7742,7788,16511,17156,17240,17353,17526,17699,17837,17872]],[1692810750,[7908,8566,8643,18111,18217,18323,18725,19423,19981,20121]],[1692810751,[8448,9803,20976,22275,22328,22417,22579,22803,23006,23058]],[1692810752,[9743,10997,11455,24854,25164,25223,25401,25580,25701,25732]],[1692810753,[12053,12746,26057,26320,26458,26629,26920,27168,27206,27216]],[1692810754,[13267,14281,15667,27835,27840,28177,28450,29115,30488,30832]],[1692810755,[15670,16315,16996,31565,31796,32513,32884,33557,33838,33898]],[1692810756,[17038,18041,33945,35602,35732,36130,36296,36524,36594,36603]],[1692810757,[19582,20340,28758,38397,38504,38664,39240,39560,39666,39691]],[1692810758,[20856,21859,31168,40464,40735,40903,41108,41308,41504,41564]],[1692810759,[22692,24681,41632,42854,42986,43294,43521,43650,43790,43822]],[1692810760,[25045,27499,29178,44792,44969,45319,45462,45535,45683,45706]],[1692810761,[29142,30380,45858,46468,46510,46693,46969,47260,47543,47575]],[1692810762,[31381,32327,47543,49120,49326,49538,49702,49957,50428,50508]],[1692810763,[33357,34497,36993,51814,52019,52605,52793,53085,53138,53152]],[1692810764,[37044,38431,53298,54233,54387,54635,54904,55295,55637,55662]],[1692810765,[39629,40648,55935,57063,57341,57474,57656,57751,57850,57882]],[1692810766,[42066,43483,58026,58772,58981,59183,59589,59843,59881,59901]],[1692810767,[44288,44935,45785,46460,46930,47152,47327,47426,47509,47531]],[1692810768,[47888,48775,49143,50117,50206,50237,50418,50513,50596,50621]],[1692810769,[50872,51789,52424,52990,53029,53224,53307,53419,53468,53473]],[1692810770,[53548,54376,54865,55881,56004,56233,56319,56490,56678,56700]],[1692810771,[56659,57193,57636,58210,58477,58661,58746,58963,59131,59201]],[1692810772,[59267,59449,59534,59904,59955,59971,59985,59992,59997,59999]],[1692810773,null],[1692810774,null],[1692810775,null],[1692810776,null],[1692810777,null],[1692810778,null],[1692810779,null],[1692810780,null],[1692810781,null],[1692810782,null],[1692810783,null],[1692810784,null],[1692810785,null],[1692810786,null],[1692810787,null],[1692810788,null],[1692810789,null],[1692810790,null],[1692810791,null],[1692810792,null],[1692810793,null],[1692810794,null],[1692810795,null],[1692810796,null],[1692810797,null],[1692810798,null],[1692810799,null],[1692810800,null],[1692810801,null],[1692810802,null],[1692810803,null],[1692810804,null],[1692810805,null],[1692810806,null],[1692810807,null],[1692810808,null],[1692810809,null],[1692810810,null],[1692810811,null],[1692810812,null],[1692810813,null],[1692810814,null],[1692810815,null],[1692810816,null],[1692810817,null],[1692810818,null],[1692810819,null],[1692810820,null],[1692810821,null],[1692810822,null],[1692810823,null],[1692810824,null],[1692810825,null],[1692810826,null],[1692810827,null],[1692810828,null],[1692810829,null],[1692810830,null],[1692810831,null],[1692810832,null],[1692810833,null],[1692810834,null],[1692810835,null],[1692810836,null],[1692810837,null],[1692810838,null],[1692810839,null],[1692810840,null],[1692810841,null],[1692810842,null],[1692810843,null],[1692810844,null],[1692810845,null],[1692810846,null],[1692810847,null],[1692810848,null],[1692810849,null],[1692810850,null],[1692810851,null],[1692810852,null],[1692810853,null],[1692810854,null],[1692810855,null],[1692810856,null],[1692810857,null],[1692810858,null],[1692810859,null],[1692810860,null],[1692810861,null],[1692810862,null],[1692810863,null],[1692810864,null],[1692810865,null],[1692810866,null],[1692810867,null],[1692810868,null],[1692810869,null],[1692810870,null],[1692810871,null],[1692810872,null],[1692810873,null],[1692810874,null],[1692810875,null],[1692810876,null],[1692810877,null],[1692810878,null],[1692810879,null],[1692810880,null],[1692810881,null],[1692810882,null],[1692810883,null],[1692810884,null],[1692810885,null],[1692810886,null],[1692810887,null],[1692810888,null],[1692810889,null],[1692810890,null],[1692810891,null],[1692810892,null],[1692810893,null],[1692810894,null],[1692810895,null],[1692810896,null],[1692810897,null],[1692810898,null],[1692810899,null],[1692810900,null],[1692810901,null],[1692810902,null],[1692810903,null],[1692810904,null],[1692810905,null],[1692810906,null],[1692810907,null],[1692810908,null],[1692810909,null],[1692810910,null],[1692810911,null],[1692810912,null],[1692810913,null],[1692810914,null],[1692810915,null],[1692810916,null],[1692810917,null],[1692810918,null],[1692810919,null],[1692810920,null],[1692810921,null],[1692810922,null],[1692810923,null],[1692810924,null],[1692810925,null],[1692810926,null],[1692810927,null],[1692810928,null],[1692810929,null],[1692810930,null],[1692810931,null],[1692810932,null],[1692810933,null],[1692810934,null],[1692810935,null],[1692810936,null],[1692810937,null],[1692810938,null],[1692810939,null],[1692810940,null],[1692810941,null],[1692810942,null],[1692810943,null],[1692810944,null],[1692810945,null],[1692810946,null],[1692810947,null],[1692810948,null],[1692810949,null],[1692810950,null],[1692810951,null],[1692810952,null],[1692810953,null],[1692810954,null],[1692810955,null],[1692810956,null],[1692810957,null],[1692810958,null],[1692810959,null],[1692810960,null],[1692810961,null],[1692810962,null],[1692810963,null],[1692810964,null],[1692810965,null],[1692810966,null],[1692810967,null],[1692810968,null],[1692810969,null],[1692810970,null],[1692810971,null],[1692810972,null],[1692810973,null],[1692810974,null],[1692810975,null],[1692810976,null],[1692810977,null],[1692810978,null],[1692810979,null],[1692810980,null],[1692810981,null],[1692810982,null],[1692810983,null],[1692810984,null],[1692810985,null],[1692810986,null],[1692810987,null],[1692810988,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692810724,[2,2,0]],[1692810725,[2,2,0]],[1692810726,[2,2,0]],[1692810727,[2,2,0]],[1692810728,[2,1,1]],[1692810729,[2,2,0]],[1692810730,[2,2,0]],[1692810731,[2,2,0]],[1692810732,[2,2,0]],[1692810733,[2,2,0]],[1692810734,[4,3,1]],[1692810735,[10,7,3]],[1692810736,[9,8,1]],[1692810737,[6,5,1]],[1692810738,[3,3,0]],[1692810739,[5,4,1]],[1692810740,[10,10,0]],[1692810741,[5,5,0]],[1692810742,[3,2,1]],[1692810743,[4,4,0]],[1692810744,[7,7,0]],[1692810745,[5,4,1]],[1692810746,[4,4,0]],[1692810747,[2,1,1]],[1692810748,[6,6,0]],[1692810749,[7,7,0]],[1692810750,[9,9,0]],[1692810751,[13,13,0]],[1692810752,[16,15,1]],[1692810753,[20,16,4]],[1692810754,[23,21,2]],[1692810755,[26,23,3]],[1692810756,[29,25,4]],[1692810757,[33,28,5]],[1692810758,[36,36,0]],[1692810759,[40,34,6]],[1692810760,[42,38,4]],[1692810761,[46,41,5]],[1692810762,[49,43,6]],[1692810763,[53,47,6]],[1692810764,[56,51,5]],[1692810765,[59,53,6]],[1692810766,[62,54,8]],[1692810767,[66,28,38]],[1692810768,[69,30,39]],[1692810769,[72,31,41]],[1692810770,[76,31,45]],[1692810771,[79,37,42]],[1692810772,[82,10,72]],[1692810773,[86,0,86]],[1692810774,[88,0,88]],[1692810775,[92,0,92]],[1692810776,[96,0,96]],[1692810777,[99,0,99]],[1692810778,[101,0,101]],[1692810779,[106,0,106]],[1692810780,[109,0,109]],[1692810781,[112,0,112]],[1692810782,[115,0,115]],[1692810783,[119,0,119]],[1692810784,[122,0,122]],[1692810785,[124,0,124]],[1692810786,[129,0,129]],[1692810787,[132,0,132]],[1692810788,[135,0,135]],[1692810789,[138,0,138]],[1692810790,[141,0,141]],[1692810791,[145,0,145]],[1692810792,[149,0,149]],[1692810793,[152,0,152]],[1692810794,[154,0,154]],[1692810795,[158,0,158]],[1692810796,[162,0,162]],[1692810797,[165,0,165]],[1692810798,[168,0,168]],[1692810799,[171,0,171]],[1692810800,[174,0,174]],[1692810801,[178,0,178]],[1692810802,[182,0,182]],[1692810803,[184,0,184]],[1692810804,[188,0,188]],[1692810805,[191,0,191]],[1692810806,[195,0,195]],[1692810807,[197,0,197]],[1692810808,[202,0,202]],[1692810809,[204,0,204]],[1692810810,[207,0,207]],[1692810811,[211,0,211]],[1692810812,[215,0,215]],[1692810813,[216,0,216]],[1692810814,[222,0,222]],[1692810815,[224,0,224]],[1692810816,[228,0,228]],[1692810817,[229,0,229]],[1692810818,[235,0,235]],[1692810819,[236,0,236]],[1692810820,[242,0,242]],[1692810821,[244,0,244]],[1692810822,[248,0,248]],[1692810823,[250,0,250]],[1692810824,[254,0,254]],[1692810825,[257,0,257]],[1692810826,[260,0,260]],[1692810827,[264,0,264]],[1692810828,[267,0,267]],[1692810829,[271,0,271]],[1692810830,[273,0,273]],[1692810831,[277,0,277]],[1692810832,[280,0,280]],[1692810833,[284,0,284]],[1692810834,[287,0,287]],[1692810835,[290,0,290]],[1692810836,[293,0,293]],[1692810837,[297,0,297]],[1692810838,[301,0,301]],[1692810839,[303,0,303]],[1692810840,[306,0,306]],[1692810841,[310,0,310]],[1692810842,[313,0,313]],[1692810843,[317,0,317]],[1692810844,[320,0,320]],[1692810845,[321,0,321]],[1692810846,[328,0,328]],[1692810847,[330,0,330]],[1692810848,[332,0,332]],[1692810849,[338,0,338]],[1692810850,[339,0,339]],[1692810851,[343,0,343]],[1692810852,[346,0,346]],[1692810853,[350,0,350]],[1692810854,[353,0,353]],[1692810855,[356,0,356]],[1692810856,[359,0,359]],[1692810857,[363,0,363]],[1692810858,[366,0,366]],[1692810859,[369,0,369]],[1692810860,[373,0,373]],[1692810861,[375,0,375]],[1692810862,[380,0,380]],[1692810863,[383,0,383]],[1692810864,[386,0,386]],[1692810865,[388,0,388]],[1692810866,[393,0,393]],[1692810867,[396,0,396]],[1692810868,[399,0,399]],[1692810869,[402,0,402]],[1692810870,[406,0,406]],[1692810871,[408,0,408]],[1692810872,[395,0,395]],[1692810873,[434,0,434]],[1692810874,[418,0,418]],[1692810875,[422,0,422]],[1692810876,[426,0,426]],[1692810877,[428,0,428]],[1692810878,[433,0,433]],[1692810879,[433,0,433]],[1692810880,[440,0,440]],[1692810881,[443,0,443]],[1692810882,[445,0,445]],[1692810883,[448,0,448]],[1692810884,[450,0,450]],[1692810885,[457,0,457]],[1692810886,[459,0,459]],[1692810887,[462,0,462]],[1692810888,[465,0,465]],[1692810889,[468,0,468]],[1692810890,[471,0,471]],[1692810891,[476,0,476]],[1692810892,[477,0,477]],[1692810893,[482,0,482]],[1692810894,[486,0,486]],[1692810895,[486,0,486]],[1692810896,[493,0,493]],[1692810897,[495,0,495]],[1692810898,[497,0,497]],[1692810899,[501,0,501]],[1692810900,[506,0,506]],[1692810901,[507,0,507]],[1692810902,[512,0,512]],[1692810903,[510,0,510]],[1692810904,[522,0,522]],[1692810905,[521,0,521]],[1692810906,[525,0,525]],[1692810907,[527,0,527]],[1692810908,[531,0,531]],[1692810909,[533,0,533]],[1692810910,[540,0,540]],[1692810911,[540,0,540]],[1692810912,[544,0,544]],[1692810913,[549,0,549]],[1692810914,[550,0,550]],[1692810915,[554,0,554]],[1692810916,[557,0,557]],[1692810917,[561,0,561]],[1692810918,[564,0,564]],[1692810919,[568,0,568]],[1692810920,[570,0,570]],[1692810921,[574,0,574]],[1692810922,[578,0,578]],[1692810923,[580,0,580]],[1692810924,[584,0,584]],[1692810925,[587,0,587]],[1692810926,[590,0,590]],[1692810927,[594,0,594]],[1692810928,[598,0,598]],[1692810929,[237,0,237]],[1692810930,[0,0,0]],[1692810931,[0,0,0]],[1692810932,[0,0,0]],[1692810933,[0,0,0]],[1692810934,[0,0,0]],[1692810935,[0,0,0]],[1692810936,[0,0,0]],[1692810937,[0,0,0]],[1692810938,[0,0,0]],[1692810939,[0,0,0]],[1692810940,[0,0,0]],[1692810941,[0,0,0]],[1692810942,[0,0,0]],[1692810943,[0,0,0]],[1692810944,[0,0,0]],[1692810945,[0,0,0]],[1692810946,[0,0,0]],[1692810947,[0,0,0]],[1692810948,[0,0,0]],[1692810949,[0,0,0]],[1692810950,[0,0,0]],[1692810951,[0,0,0]],[1692810952,[0,0,0]],[1692810953,[0,0,0]],[1692810954,[0,0,0]],[1692810955,[0,0,0]],[1692810956,[0,0,0]],[1692810957,[0,0,0]],[1692810958,[0,0,0]],[1692810959,[0,0,0]],[1692810960,[0,0,0]],[1692810961,[0,0,0]],[1692810962,[0,0,0]],[1692810963,[0,0,0]],[1692810964,[0,0,0]],[1692810965,[0,0,0]],[1692810966,[0,0,0]],[1692810967,[0,0,0]],[1692810968,[0,0,0]],[1692810969,[0,0,0]],[1692810970,[0,0,0]],[1692810971,[0,0,0]],[1692810972,[0,0,0]],[1692810973,[0,0,0]],[1692810974,[0,0,0]],[1692810975,[0,0,0]],[1692810976,[0,0,0]],[1692810977,[0,0,0]],[1692810978,[0,0,0]],[1692810979,[0,0,0]],[1692810980,[0,0,0]],[1692810981,[0,0,0]],[1692810982,[0,0,0]],[1692810983,[0,0,0]],[1692810984,[0,0,0]],[1692810985,[0,0,0]],[1692810986,[0,0,0]],[1692810987,[0,0,0]],[1692810988,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692810724,[0,0,0]],[1692810725,[0,0,0]],[1692810726,[0,0,0]],[1692810727,[0,0,0]],[1692810728,[0,0,0]],[1692810729,[0,0,0]],[1692810730,[0,0,0]],[1692810731,[0,0,0]],[1692810732,[0,0,0]],[1692810733,[0,0,0]],[1692810734,[4,4,0]],[1692810735,[3,3,0]],[1692810736,[3,3,0]],[1692810737,[2,1,1]],[1692810738,[3,3,0]],[1692810739,[2,2,0]],[1692810740,[4,2,2]],[1692810741,[4,3,1]],[1692810742,[5,4,1]],[1692810743,[6,5,1]],[1692810744,[5,5,0]],[1692810745,[4,4,0]],[1692810746,[4,4,0]],[1692810747,[6,5,1]],[1692810748,[7,7,0]],[1692810749,[5,3,2]],[1692810750,[1,1,0]],[1692810751,[6,6,0]],[1692810752,[5,5,0]],[1692810753,[5,5,0]],[1692810754,[2,2,0]],[1692810755,[2,1,1]],[1692810756,[3,3,0]],[1692810757,[6,6,0]],[1692810758,[2,2,0]],[1692810759,[6,5,1]],[1692810760,[4,4,0]],[1692810761,[5,5,0]],[1692810762,[4,4,0]],[1692810763,[4,3,1]],[1692810764,[5,5,0]],[1692810765,[5,3,2]],[1692810766,[7,7,0]],[1692810767,[5,5,0]],[1692810768,[5,4,1]],[1692810769,[4,4,0]],[1692810770,[5,4,1]],[1692810771,[6,6,0]],[1692810772,[7,6,1]],[1692810773,[9,9,0]],[1692810774,[5,5,0]],[1692810775,[5,4,1]],[1692810776,[7,7,0]],[1692810777,[9,7,2]],[1692810778,[12,9,3]],[1692810779,[11,11,0]],[1692810780,[11,10,1]],[1692810781,[11,9,2]],[1692810782,[10,7,3]],[1692810783,[5,5,0]],[1692810784,[6,5,1]],[1692810785,[7,6,1]],[1692810786,[6,5,1]],[1692810787,[7,6,1]],[1692810788,[5,5,0]],[1692810789,[9,8,1]],[1692810790,[9,9,0]],[1692810791,[12,12,0]],[1692810792,[9,5,4]],[1692810793,[11,11,0]],[1692810794,[16,15,1]],[1692810795,[6,4,2]],[1692810796,[14,13,1]],[1692810797,[13,13,0]],[1692810798,[13,13,0]],[1692810799,[11,10,1]],[1692810800,[12,12,0]],[1692810801,[12,11,1]],[1692810802,[14,12,2]],[1692810803,[12,10,2]],[1692810804,[18,17,1]],[1692810805,[13,12,1]],[1692810806,[20,19,1]],[1692810807,[16,14,2]],[1692810808,[15,11,4]],[1692810809,[17,16,1]],[1692810810,[13,13,0]],[1692810811,[16,15,1]],[1692810812,[14,11,3]],[1692810813,[14,13,1]],[1692810814,[18,11,7]],[1692810815,[21,10,11]],[1692810816,[54,13,41]],[1692810817,[153,16,137]],[1692810818,[230,20,210]],[1692810819,[232,11,221]],[1692810820,[244,12,232]],[1692810821,[244,19,225]],[1692810822,[247,14,233]],[1692810823,[248,21,227]],[1692810824,[254,19,235]],[1692810825,[258,18,240]],[1692810826,[252,13,239]],[1692810827,[260,11,249]],[1692810828,[253,12,241]],[1692810829,[262,12,250]],[1692810830,[265,7,258]],[1692810831,[261,8,253]],[1692810832,[328,3,325]],[1692810833,[370,0,370]],[1692810834,[374,0,374]],[1692810835,[382,0,382]],[1692810836,[389,0,389]],[1692810837,[396,0,396]],[1692810838,[402,0,402]],[1692810839,[409,0,409]],[1692810840,[416,0,416]],[1692810841,[415,0,415]],[1692810842,[433,0,433]],[1692810843,[430,0,430]],[1692810844,[442,0,442]],[1692810845,[388,0,388]],[1692810846,[151,0,151]],[1692810847,[191,0,191]],[1692810848,[406,0,406]],[1692810849,[314,0,314]],[1692810850,[381,0,381]],[1692810851,[282,0,282]],[1692810852,[427,0,427]],[1692810853,[197,0,197]],[1692810854,[491,0,491]],[1692810855,[221,0,221]],[1692810856,[170,0,170]],[1692810857,[430,0,430]],[1692810858,[408,0,408]],[1692810859,[300,0,300]],[1692810860,[469,0,469]],[1692810861,[242,0,242]],[1692810862,[193,0,193]],[1692810863,[364,0,364]],[1692810864,[1007,0,1007]],[1692810865,[222,0,222]],[1692810866,[567,0,567]],[1692810867,[370,0,370]],[1692810868,[346,0,346]],[1692810869,[315,0,315]],[1692810870,[531,0,531]],[1692810871,[573,0,573]],[1692810872,[330,0,330]],[1692810873,[460,0,460]],[1692810874,[568,0,568]],[1692810875,[250,0,250]],[1692810876,[259,0,259]],[1692810877,[113,0,113]],[1692810878,[390,0,390]],[1692810879,[531,0,531]],[1692810880,[217,0,217]],[1692810881,[717,0,717]],[1692810882,[192,0,192]],[1692810883,[276,0,276]],[1692810884,[463,0,463]],[1692810885,[296,0,296]],[1692810886,[263,0,263]],[1692810887,[731,0,731]],[1692810888,[695,0,695]],[1692810889,[365,0,365]],[1692810890,[626,0,626]],[1692810891,[312,0,312]],[1692810892,[804,0,804]],[1692810893,[247,0,247]],[1692810894,[802,0,802]],[1692810895,[260,0,260]],[1692810896,[889,0,889]],[1692810897,[114,0,114]],[1692810898,[619,0,619]],[1692810899,[240,0,240]],[1692810900,[1123,0,1123]],[1692810901,[708,0,708]],[1692810902,[917,0,917]],[1692810903,[831,0,831]],[1692810904,[595,0,595]],[1692810905,[43,0,43]],[1692810906,[806,0,806]],[1692810907,[86,0,86]],[1692810908,[705,0,705]],[1692810909,[107,0,107]],[1692810910,[521,0,521]],[1692810911,[615,0,615]],[1692810912,[432,0,432]],[1692810913,[96,0,96]],[1692810914,[630,0,630]],[1692810915,[169,0,169]],[1692810916,[631,0,631]],[1692810917,[275,0,275]],[1692810918,[910,0,910]],[1692810919,[475,0,475]],[1692810920,[604,0,604]],[1692810921,[756,0,756]],[1692810922,[416,0,416]],[1692810923,[196,0,196]],[1692810924,[642,0,642]],[1692810925,[682,0,682]],[1692810926,[641,0,641]],[1692810927,[317,0,317]],[1692810928,[778,0,778]],[1692810929,[277,0,277]],[1692810930,[418,0,418]],[1692810931,[278,0,278]],[1692810932,[3,0,3]],[1692810933,[850,0,850]],[1692810934,[925,0,925]],[1692810935,[1174,0,1174]],[1692810936,[35,0,35]],[1692810937,[390,0,390]],[1692810938,[1184,0,1184]],[1692810939,[610,0,610]],[1692810940,[79,0,79]],[1692810941,[273,0,273]],[1692810942,[76,0,76]],[1692810943,[405,0,405]],[1692810944,[0,0,0]],[1692810945,[0,0,0]],[1692810946,[0,0,0]],[1692810947,[0,0,0]],[1692810948,[0,0,0]],[1692810949,[2,0,2]],[1692810950,[0,0,0]],[1692810951,[1,0,1]],[1692810952,[0,0,0]],[1692810953,[0,0,0]],[1692810954,[1,0,1]],[1692810955,[0,0,0]],[1692810956,[0,0,0]],[1692810957,[0,0,0]],[1692810958,[1,0,1]],[1692810959,[0,0,0]],[1692810960,[0,0,0]],[1692810961,[0,0,0]],[1692810962,[0,0,0]],[1692810963,[0,0,0]],[1692810964,[0,0,0]],[1692810965,[0,0,0]],[1692810966,[1,0,1]],[1692810967,[0,0,0]],[1692810968,[3,0,3]],[1692810969,[2,0,2]],[1692810970,[3,0,3]],[1692810971,[5,0,5]],[1692810972,[19,0,19]],[1692810973,[0,0,0]],[1692810974,[41,0,41]],[1692810975,[3,0,3]],[1692810976,[2,0,2]],[1692810977,[1,0,1]],[1692810978,[0,0,0]],[1692810979,[0,0,0]],[1692810980,[0,0,0]],[1692810981,[0,0,0]],[1692810982,[0,0,0]],[1692810983,[76,0,76]],[1692810984,[198,0,198]],[1692810985,[3,0,3]],[1692810986,[1,0,1]],[1692810987,[41,0,41]],[1692810988,[4,0,4]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 813.0, color: '#68b65c'},{name: 'KO', y: 53832.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[6,9460],[6,9382],[6,9757],[6,7973],[6,8292],[6,8214],[6,8807],[6,6695],[6,8386],[6,7309],[10,10315],[11,10324],[11,11079],[11,12385],[11,15284],[12,7556],[12,12459],[12,14880],[13,11902],[14,12941],[15,13303],[16,10110],[16,12093],[16,16200],[17,9118],[19,17699],[23,19423],[32,22803],[35,25580],[40,27168],[41,29115],[43,33557],[49,36524],[56,41308],[57,39560],[64,43650],[66,45535],[70,47260],[76,49957],[78,53085],[84,55295],[86,57751],[93,59843],[95,47426],[99,50513],[101,53419],[109,56490],[112,58963],[116,59992]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[6,8892],[10,9726],[11,10782],[11,6888],[11,7661],[12,5629],[14,13482],[16,6680],[17,7886],[35,10886],[40,26742],[41,27112],[43,29021],[49,35778],[57,34974],[64,42749],[66,41997],[70,46477],[76,50009],[78,52353],[84,54517],[86,57482],[93,60000],[95,60004],[99,60000],[101,60001],[109,60001],[112,60001],[116,60001],[123,60001],[125,60001],[126,60001],[135,60001],[137,60001],[143,60001],[150,60001],[153,60001],[156,60001],[157,60003],[161,60003],[163,60011],[169,60003],[172,60003],[175,60001],[182,60001],[186,60006],[190,60006],[197,60001],[200,60002],[207,60000],[207,60009],[213,60001],[219,60006],[223,60003],[229,60001],[230,60009],[233,60035],[238,60000],[244,60001],[245,60001],[254,60001],[256,60021],[264,60015],[267,60001],[267,60001],[274,60000],[276,60000],[282,60001],[284,60001],[287,60001],[291,60001],[291,9851],[292,60001],[301,60001],[307,60001],[310,60000],[314,60000],[316,57002],[325,60000],[328,60000],[337,60000],[338,60000],[339,60000],[341,60000],[342,60000],[348,60001],[350,60000],[352,60000],[354,60000],[356,60000],[356,8],[359,8],[363,11],[367,8],[372,11],[376,8],[379,7],[383,12],[387,13],[392,15],[396,32],[399,25],[401,2136],[410,3092],[411,3628],[415,4183],[421,5197],[423,7086],[428,7807],[431,8180],[436,10180],[439,10019],[444,9398],[447,10372],[452,10226],[455,12243],[460,11822],[464,12664],[467,13120],[472,16351],[476,16849],[480,16829],[482,17068],[489,20936],[491,24284],[495,24171],[497,19927],[499,25014],[504,20120],[507,19045],[520,21882],[524,18831],[528,22593],[532,22771],[533,20884],[535,17833],[537,17560],[546,20597],[549,20610],[551,17904],[556,18914],[557,16567],[567,17443],[568,17766],[572,23402],[576,13537],[581,18664],[583,12276],[587,10316],[589,17431],[599,17412],[602,18114],[602,18882],[610,12445],[612,21072],[616,20903],[619,21378],[626,14705],[626,15038],[632,14783],[633,16766],[644,16062],[645,14825],[647,14977],[652,19191],[656,16205],[660,19315],[666,14387],[667,15006],[672,21899],[678,21468],[680,60000],[683,19461],[688,17815],[692,17317],[697,16806],[701,15633],[704,14774],[707,13769],[714,17466],[716,60001],[721,60000],[724,13149],[728,14520],[733,60000],[738,12592]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
